<template>
	<div class="bookslist">
		<MobileBooksGit @typeid="findBook" @typedate="findBook2"></MobileBooksGit>
		<MobileBookList :typeid="typeid" :typedate="typedate"></MobileBookList>
	</div>
</template>

<script>
	import MobileBooksGit from '@/components/mobile/bookslist/MobileBooksGit.vue';
	import MobileBookList from '@/components/mobile/bookslist/MobileBookList.vue';
	export default {
		name: 'MobileBooksList',
		components: {
			MobileBooksGit,
			MobileBookList
		},
		data() {
			return {
				typeid: -1,
				typedate: -1
			}
		},
		methods: {
			findBook(type) {
				this.typeid = type
			},
			findBook2(type) {
				this.typedate = type
				}
		}
	}
</script>

<style scoped>
	.bookslist {
		width: 100%;
		margin: 0 auto;
		position: relative;
		top: 3.5rem;
		height: 100vh;
		background-color: #f5d5a0;
	}
</style>